Skip to content

Neeraj Add Info Tooltips For Participation Page#4622

Open
Neeraj-Kondaveeti wants to merge 2 commits intodevelopmentfrom
Neeraj_Participation_Add_Tooltip
Open

Neeraj Add Info Tooltips For Participation Page#4622
Neeraj-Kondaveeti wants to merge 2 commits intodevelopmentfrom
Neeraj_Participation_Add_Tooltip

Conversation

@Neeraj-Kondaveeti
Copy link
Copy Markdown
Contributor

@Neeraj-Kondaveeti Neeraj-Kondaveeti commented Dec 25, 2025

Description

image

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

  • Added information (ℹ️) tooltips to the table header columns in the Drop-off and no-show rate tracking section.
  • Tooltips explain how No-show rate and Drop-off rate percentages are calculated (per event, based on total registrations).
  • Applied the tooltip to the Get list column to explain its purpose, since the Attendees column has been replaced by Get list as part of a related task.
  • Changes are UI-only and do not modify existing data, logic, or behavior.…

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. Navigate to : http://localhost:5173/communityportal/reports/participation
  6. Scroll to the Drop-off and no-show rate tracking table.
  7. Hover over the ℹ️ icons next to:
    • No-show rate
    • Drop-off rate
    • Get list
      and verify the tooltip text appears and is clear.

Screenshots or videos of changes:

image

Note:

The Attendees column is no longer present in the current design; it has been replaced by Get list in a related (unmerged) task. The tooltip was intentionally applied to Get list to align with the updated implementation and avoid future rework.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 25, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 4275c25
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69dda4668c5add000828f003
😎 Deploy Preview https://deploy-preview-4622--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Neeraj-Kondaveeti Neeraj-Kondaveeti changed the title Add info tooltips for no-show, drop-off, and get list columns Neeraj Add Info Tooltips For Participation Page Dec 25, 2025
@sonarqubecloud
Copy link
Copy Markdown

sayali-2308
sayali-2308 previously approved these changes Feb 4, 2026
Copy link
Copy Markdown
Contributor

@sayali-2308 sayali-2308 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

Backend: development branch (running on localhost:4500)
Frontend: Neeraj_Participation_Add_Tooltip branch (running on localhost:5173)
Tested on: Windows, Chrome
Date: February 4, 2026

Info tooltips successfully implemented for Participation page Drop-off and no-show rate tracking table. Three ℹ️ icons added to column headers (No-show rate, Drop-off rate, Get list) with clear explanatory text on hover. Tooltips help users understand metric calculations and improve data interpretation. Implementation clean with no visual regressions or functionality changes. Dark mode fully supported with proper contrast and visibility. No console errors observed. UI enhancement improves user experience without modifying existing logic or data handling.
Overall: All requirements met, tooltips working correctly in both light and dark modes, clear explanations provided.

Copy link
Copy Markdown

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

Well done with this implementation, however, I'm not getting the tooltip to show up. I tried clicking and hovering with neither working.

Image

<tbody>
{filteredEvents.map(event => (
<tr key={event.id}>
<td>{event.eventName}</td>
Copy link
Copy Markdown

@naznin07 naznin07 Mar 17, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Table column bug with header.

PR # 4622

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @naznin07 , thanks for the feedback!

I want to make sure I fix this correctly. Could you please clarify what the specific issue is with the table columns/header? Happy to address it right away.

@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_Participation_Add_Tooltip branch from 195d2d5 to b2da4a6 Compare March 17, 2026 22:37
@one-community one-community added High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible and removed High Priority labels Apr 9, 2026
@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_Participation_Add_Tooltip branch from b2da4a6 to 4275c25 Compare April 14, 2026 02:20
@sonarqubecloud
Copy link
Copy Markdown

Copy link
Copy Markdown

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

Having a failure to launch.

Image

@Neeraj-Kondaveeti
Copy link
Copy Markdown
Contributor Author

Hi Neeraj,

Having a failure to launch.

Image

Hi Rohan,

Your local copy of my feature branch is outdated because I rebased and made further changes to that code. You just need to reset it to the latest remote version.

Let me know if that worked.
Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants